<script setup lang="ts">
const props = defineProps({
	//是否为必填项
	required: {
		type: Boolean,
		default: false
	},
	// 是否显示 input 边框
	inputBorder: {
		type: Boolean,
		default: false
	},
	requiredColor: {
		type: String,
		default: '#EB0909'
	},
	//左侧标题
	label: {
		type: String,
		default: ''
	},
	//标题字体大小
	labelSize: {
		type: Number,
		default: 32
	},
	labelColor: {
		type: String,
		default: '#333'
	},
	//label 最小宽度 rpx
	labelWidth: {
		type: Number,
		default: 140
	},
	clearable: {
		type: Boolean,
		default: false
	},
	//px
	clearSize: {
		type: Number,
		default: 15
	},
	clearColor: {
		type: String,
		default: '#bfbfbf'
	},
	//获取焦点
	focus: {
		type: Boolean,
		default: false
	},
	placeholder: {
		type: String,
		default: ''
	},
	placeholderStyle: {
		type: String,
		default: ''
	},
	//输入框名称
	name: {
		type: String,
		default: ''
	},
	//输入框值
	value: {
		type: [Number, String],
		default: ''
	},
	// #ifdef VUE3
	//输入框值
	modelValue: {
		type: [Number, String],
		default: ''
	},
	// #endif
	//与官方input type属性一致
	type: {
		type: String,
		default: 'text'
	},
	password: {
		type: Boolean,
		default: false
	},
	disabled: {
		type: Boolean,
		default: false
	},
	maxlength: {
		type: [Number, String],
		default: 140
	},
	cursorSpacing: {
		type: Number,
		default: 0,
	},
	confirmType: {
		type: String,
		default: 'done'
	},
	confirmHold: {
		type: Boolean,
		default: false,
	},
	cursor: {
		type: Number,
		default: -1
	},
	selectionStart: {
		type: Number,
		default: -1
	},
	selectionEnd: {
		type: Number,
		default: -1
	},
	adjustPosition: {
		type: Boolean,
		default: true
	},
	holdKeyboard: {
		type: Boolean,
		default: false
	},
	autoBlur: {
		type: Boolean,
		default: false
	},
	//输入框字体大小 rpx
	size: {
		type: Number,
		default: 32
	},
	//输入框字体颜色
	color: {
		type: String,
		default: '#333'
	},

	//input是否显示为圆角
	isFillet: {
		type: Boolean,
		default: false
	},
	// 是否显示上边框
	borderTop: {
		type: Boolean,
		default: false
	},
	// 是否显示下边框
	borderBottom: {
		type: Boolean,
		default: true
	},
	//下边框线条是否有左偏移距离
	lineLeft: {
		type: Boolean,
		default: true
	},
	// 是否自动去除两端的空格
	trim: {
		type: Boolean,
		default: true
	},
	textRight: {
		type: Boolean,
		default: false
	},
	//输入框padding值
	padding: {
		type: String,
		default: '26rpx 30rpx'
	},
	//输入框背景颜色
	backgroundColor: {
		type: String,
		default: '#FFFFFF'
	},
	//输入框margin-top值 rpx
	marginTop: {
		type: Number,
		default: 0
	}
})

</script>

<template>
	<template>
		<view :class="{'nhm_input__border':inputBorder,}" :style="{marginTop:marginTop+'rpx'}">

		</view>
	</template>
</template>



<style lang="scss" scoped>
.nhm_input__border {
	border-radius: 4rpx;
	position: relative;
	/* #ifdef APP-NVUE */
	border-style: solid;
	border-width: 0.5px;
	border-color: #d1d1d1;
	/* #endif */
	/* #ifndef APP-NVUE */
	border-width: 0;
	/* #endif */
}
</style>
